<!DOCTYPE html>

<html>
<head>
    <title>Чат</title>
    <script src="/public/js/jquery.min.js" type="text/javascript"
            charset="${_response_encoding}"></script>
    <script type="text/javascript" src="/public/js/set.js"></script>
    <script type="text/javascript" src="/public/js/scrollTo.js"></script>
    <script type="text/javascript" src="/public/js/script.js"></script>
    <script type="text/javascript" src="/public/js/init.js"></script>
    <script type="text/javascript" src="/public/js/smiles.js"></script>
    <script type="text/javascript" src="/public/js/connection.js"></script>
    <script type="text/javascript" src="/public/js/messages.js"></script>
    <script>
        $(document).ready(function () {
            init();
        });
    </script>
    <link rel="stylesheet" href="/public/css/chat.css">
</head>
<body>

<div id="mainForm" style="display: none">
    <div id="right">
        <div id="formDiv" class="containerBorder">
            <form action="#" id="form" method="POST">
                <div id="textContainer">
                    <div id="quote" class="quote" style="display: none;">
                        <div class="close">X</div>
                        <p>Цитата:</p>

                        <div class="quoteauthor"></div>
                        <div class="quotedate"></div>
                        <div class="quotetext"></div>
                    </div>
                    <textarea id="text" name="text" cols="30" rows="10" placeholder="Текст сообщения"></textarea>
                </div>
                <div id="sendByEnterBlock">
                    <input type="checkbox" id="sendByEnter">
                    <label for="sendByEnter">Отправлять по Enter</label>
                </div>
                <div id="smileButton">
                    <img src="/public/img/smile/smile.gif"/>
                </div>
                <div id="smiles" class="containerBorder" style="display: none">
                </div>
                <input type="submit" class="send" id="send" value="Отправить"/>

            </form>
            <div id="loader">
                <img src="/public/img/loader.gif"/>
            </div>
        </div>
        <div id="userContainer" class="containerBorder">
            <p>Пользователи онлайн:</p>

            <div id="onlineUsers">
                <img src="/public/img/loader.gif"/>
            </div>
        </div>
    </div>
    <div id="scroller">
        <div id="messages">
            <img src="/public/img/loader.gif"/>
        </div>
    </div>
</div>
<div id="authDiv" class="containerBorder">
    <form action="#" id="authForm">
        <input id="username" class="formFont" name="username" type="text"/><br>
        <input id="password" class="formFont" name="password" type="password"/><br>
        <input type="submit" class="send formFont" value="Отправить" id="authBtn"/>
    </form>
</div>
</body>

</html>
